#hbody 
{
    background: none;
    text-align: start;
}
h1, html[lang="en"] h1
{
    font-size  : 18pt;
    text-align : left;
    font-family: cursive;
    text-shadow: none;
}

#add_new_bank {
    
}
#importText > textarea
{
    width      : 100%;
    min-height : 100px;
}
#main
{
    overflow   : hidden;
    min-height : 300px;
    padding    : 1em;
}

dl
{
    border   : solid 2px;
    float    : left;
    overflow : hidden;
    padding  : 1em;
    margin   : 1em;
}
dd {
    margin-left : 1em;
    background: #eaeaea;
}

table td:first-child
{
    padding-right : 1em;
}
#headerLayout
{
    background : -moz-linear-gradient(center top , #F0F0DD, #E5E5BB, WHITE) repeat scroll 0 0 transparent;
    min-height : 60px;
    border     : solid 2px WHITE;
}

#footerLayout
{
    border-top: 1px solid #CCCCCC;
    clear: both;
    color: #666666;
    margin: 20px auto;
    padding: 10px 0;
}
#footerLayout 
{ 
	text-align     : center;
	background     : transparent none;
	font           : verdana 1em Arial, Garuda, sans-serif;
	color          : #666666;
	vertical-align : middle;
	margin-top     : 2em;
}
	#footerLayout > div
	{
		vertical-align : middle;
		display        : inline-block;
	}
		#footerLayout > div  img
		{
			vertical-align : middle;
			display        : inline-block;
		}
	
	#footerLayout > nav
	{
		float : right;
	}	
		#footerLayout  a
		{
			padding : 0 0.5em 0 0.5em;
		}

/* 
    Minimal table styles
    written by Chris Heilmann http://wait-till-i.com
*/

table.minimal,
table.minimal td,
table.minimal th
{
    border          : none;
    border-collapse : collapse;
    margin          : 0;
    padding         : 0;
}

table.minimal
{
    border : none;
}

table.minimal td,
table.minimal th
{
    padding        : .0em .5em;
    vertical-align : top;
    font-weight    : normal;
}

table.minimal thead th
{
    font-weight    : bold;
    font-size      : 90%;
    vertical-align : bottom;
    border-bottom  : 1px solid #000;
    margin-bottom  : 5px;
}

table.minimal tbody th,
table.minimal td
{
    border-right : 1px solid #000;
}

table.minimal tbody td,
table.minimal tbody th
{
    padding : 0px 10px;	
}

table.minimal tbody th
{
    border-left : 1px solid #000;
}

table.minimal tfoot td,
table.minimal tfoot th
{
    margin-top : 5px;
    border     : none;
    border-top : 1px solid #000;
}

table.minimal caption
{
    text-align  : left;
    font-size   : 120%;
    font-weight : bold;
    margin      : 5px;
}

table.minimal a:link
{
    color : #363;
}

table.minimal a:visited
{
    color : #696;
}

table.minimal a:hover
{
    text-decoration : none;
}

table.minimal a:active
{
    color : #000;
}

/* 
    Minimal form styles
*/


form.minimal fieldset
{
	padding  : 10px;
	border   : 1px solid #ccc;
	display  : inline;
	overflow : hidden;
	margin   : 10px;
}

form.minimal legend
{
	color     : #444;
	margin    : 0 10px 0 0;
	padding   : 0 5px;
	font-size : 100%;
}

form.minimal fieldset input#Reset, fieldset input#Submit
{
	background : #E5E5E5;
	color      : f00;
	border     : 1px solid #ccc;
	padding    : 5px;
}


form.minimal input[type="submit"]
{
	float : right;
}

form.minimal input[type="reset"]
{
	float : right;
}

.left
{
    float           : left;
    list-style-type : none;    
    margin-left     : 0;
}
.line
{
    display         : block;
    overflow        : hidden;
    list-style-type : none;
    margin-left     : 0;
}

.line li a,
.left a
{
    text-decoration : none;
}
.line li a:hover,
.left a:hover 
{
    letter-spacing : 5px;    
}

.line li 
{
    float : left;    
}



.see-container
{
    height    : 350px;
    max-width : 330px;
    overflow-y: visible;
}



a[href="#up"],
a[href="#down"]
{
    color: RED;
    text-decoration: none;
}














/* mkform-tracking ========================================================= */
#mkform-tracking,
#mkform-comment
{
    display : inline;      
}        
    form > fieldset
    {
        border        : 4px solid #EDEDED;
        border-radius : 8px;        
        background    : #FEFEFE;
        display       : inline;
        margin-top    : 10px;        
        /* per browser */
        -webkit-border-radius : 8px;
        -moz-border-radius    : 8px;
    }
    #mkform-tracking > fieldset.add    
    {
        background : url('http://aux.iconpedia.net/uploads/8855650701650124363.png')
            no-repeat bottom  right;
    }    
    #mkform-tracking > fieldset.mod
    {
        background : url('http://www.iconspedia.com/dload.php?up_id=69282')
            no-repeat bottom right;
    }
    #mkform-tracking > fieldset.see
    {
        background : url('http://www.iconspedia.com/dload.php?up_id=69444')
            no-repeat bottom right;        
    }
    #mkform-comment > fieldset.add
    {        
        /*http://www.iconspedia.com/icon/notepad-1278-.html*/
        background : url('http://www.iconspedia.com/dload.php?up_id=69402')
            no-repeat bottom right;
    }
	    form >  fieldset > legend	    
	    {
	        font-weight : bold;
	        font-size   : 1.5em;
	        color       : #8F8F8F;        
	        padding     : 5px;
	    }
	    form > fieldset > fieldset    
                    {
	        padding    : 10px;
	        border-top : solid 1px #00FFFF;
	    
                color      : #8F8F8F;
                font-style : italic; 
		    }
	
    
    
    #mkform-tracking textarea,
    #mkform-comment textarea
    {        
        width      : 98%;
        min-height : 100px;
        background : transparent; 
    }
    
    
/* windows components ======================================================= */
[readonly]
{
    border        : none;
    border-bottom : dashed 1px #00FFFF;
    padding       : 0 4px;
    margin        : 0 6px;
}

a.button,
.button > a,
input.button
{
        font-size             : 13px;
        font-weight           : bold;
        color                 : #fff;
        box-shadow            : inset 0 1px 0 0 #fff;
        -moz-box-shadow       : inset 0 1px 0 0 #fff;
        -webkit-box-shadow    : inset 0 1px 0 0 #fff;
        background            : #94522c;
        background            : -moz-linear-gradient(0% 100% 90deg,#c76b2d, #ebab61);
        background            : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebab61), to(#c76b2d));    
        border                : solid 1px;
        border-radius         : 5px;
        border-color          : #ecad62;
        border-bottom-color   : #94522c;
        -moz-border-radius    : 5px;
        -webkit-border-radius : 5px;
        text-align            : center;
        text-shadow           : 0 -1px 0 #94522c;
        text-decoration       : none;
        padding               : 0 2px; 
        
}
a.button:HOVER,
.button > a:HOVER,
input.button:HOVER
{
	color: BLACK;        	   
}

/* #track-list ============================================================== */    
#track-list thead
{
    color      : WHITE;
    background : -moz-linear-gradient(0% 30% 90deg, #222222, #999999) BLACK;
}
	#track-list thead th
	{
	    border : solid 2px WHITE;
	}
		#track-list thead th span
	    {
	        float : left;
	    }
#track-list tfoot
{
    color      : WHITE;
    background : -moz-linear-gradient(0% 70% 270deg, #222222, #999999) BLACK;
    text-align : center;
}
#track-list tbody
{
    text-align : center;
}
    #track-list tbody tr:nth-child(2n)
    {
        background : #EEEEEE;
    }
    #track-list tbody tr:HOVER
    {
        background : #DDDDDD;
    }
    #track-list tbody tr.tr_active
    {
        border : solid;
    }
	    #track-list tbody tr td:first-child
	    {
	        text-align : right;
	    }
            #track-list tbody tr td
            {
                text-align : left;
            }
            #track-list tbody tr td.id a.button
            {
                display: none;
            }
            #track-list tbody tr td.id:HOVER a.button
            {
                display: inline;
            }	        
#track-list td,
#track-list th
{
    padding : 5px 10px;
}
